<script setup lang="ts">
import { computed, defineAsyncComponent } from 'vue'
import { zhCN, dateZhCN, darkTheme } from 'naive-ui'
import { AppProvider } from '@/components/Application'
import { useThemeStore } from '@/store/modules/theme'

const themeStore = useThemeStore()
const getDarkTheme = computed(() => {
  return themeStore.theme
})
</script>
<template>
  <NConfigProvider id="full" :date-locale="dateZhCN" :locale="zhCN" :theme-overrides="getDarkTheme">
    <AppProvider>
      <RouterView />
    </AppProvider>
  </NConfigProvider>
</template>
<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #fff;
}

#full {
  width: 100vw;
  height: 100vh;
}
</style>
